<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户相关统计图</title>
    <link rel="stylesheet" href="../staticFile/css/ace.min.css">
    <style type="text/css">
        button{outline: none;}
        body{background-color:unset;}
        .index-chart{width: 70%;height: 266px; padding: 0px; position: relative;}
        .right-chart{width: 30%;float: right;}
        .other-chart{margin-top: 20px;position:sticky;}
        .year-chart-sl,.btn,#userNumMonthSelect{position: absolute;z-index: 1000;}
        .right-sl{margin-left: 94%;}
        #clientUserPie,#issueRobUserCountPie{width: 25%;}
        #monthUserChart{width: 50%;}
        #levelUserNumBar{width: 40%;}
        #sexUserNumPie{right: 28%;}
        #monthUserRegisterNumSelect{margin-left: 43%;}
        #loginOfUserNum{width: 100%;}
    </style>
</head>
<body>
<div class="chart">
    <select id="monthUserRegisterNumSelect" class="year-chart-sl"></select>
    <div id="monthUserChart" class="index-chart"></div>
    <div id="clientUserPie" class="index-chart right-chart" style="right: 25%;"></div>
    <div id="issueRobUserCountPie" class="index-chart right-chart"></div>
</div>
<div class="other-chart chart">
    <select id="userNumYearSelect" class="year-chart-sl right-sl" style="margin-left: 84%;"></select>
    <select id="userNumMonthSelect" class="right-sl" style="margin-left: 88%;"></select>
    <button class="btn btn-info" id="btnCountLoginUser" style="margin-left: 94%;">确定</button>
    <div id="loginOfUserNum" class="index-chart"></div>
</div>
<div class="other-chart chart">
    <div id="levelUserNumBar" class="index-chart"></div>
    <div id="sexUserNumPie" class="index-chart right-chart"></div>
    <div id="hotCityUserNumPie" class="index-chart right-chart"></div>
</div>
<script src="../staticFile/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="../staticFile/js/common/commonUtil.js"></script>
<script src="../staticFile/js/common/chartUtil.js"></script>
<script src="../staticFile/js/plugins/echarts/echarts.min.js"></script>
<script src="../staticFile/js/sameCityChart/userInfoChart.js"></script>
</body>
</html>